<template>
  <section>
    <el-row justify="space-butween" type="flex">
      <el-form :inline="true">
        <el-form-item label="逻辑班">
          <el-select size="small">
            <el-option></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="专业">
          <el-select size="small">
            <el-option></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="姓名">
          <el-input size="small"></el-input>
        </el-form-item>
        <el-form-item label="班级">
          <el-select size="small">
            <el-option></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="学号">
          <el-input size="small"></el-input>
        </el-form-item>
        <el-form-item label="分数">
          <el-input-number size="small"></el-input-number> 至
          <el-input-number size="small"></el-input-number>
        </el-form-item>
        <el-form-item label="模块">
          <el-select size="small">
            <el-option></el-option>
          </el-select>
        </el-form-item>
        <el-form-item>
          <el-button size="small" type="primary">查 询</el-button>
        </el-form-item>
      </el-form>
      <el-form :inline="true">
        <el-form-item>
          <el-button size="small" type="primary">导出查询结果</el-button>
          <el-button size="small" type="primary" @click="handExprot">导出总成绩</el-button>
        </el-form-item>
      </el-form>
    </el-row>
    <el-table :data="tableData" stripe>
      <el-table-column label="序号" type="index"></el-table-column>
      <el-table-column label="姓名"></el-table-column>
      <el-table-column label="学号"></el-table-column>
      <el-table-column label="班级"></el-table-column>
      <el-table-column label="课程"></el-table-column>
      <el-table-column label="模块"></el-table-column>
      <el-table-column label="考试时间"></el-table-column>
      <el-table-column label="分数"></el-table-column>
    </el-table>
    <!-- 查询总成绩页面 -->
    <el-dialog title="导出总成绩" :visible.sync="ExportForm" width="30%">
      <el-row>
        <el-form label-width="100px">
          <el-form-item label="逻辑班">
            <el-select>
              <el-option></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="模块">
            <el-select>
              <el-option></el-option>
            </el-select>
          </el-form-item>
        </el-form>
        <div class="footer">
          <el-row justify="center" type="flex">
            <el-button type="primary" size="small">导 出</el-button>
          </el-row>
        </div>
      </el-row>
    </el-dialog>
  </section>
</template>
<script>
export default {
    data() {
        return {
            tableData: [{}],
            ExportForm: false
        };
    },
    methods: {
        handExprot() {
            this.ExportForm = true;
        }
    }
};
</script>
